﻿<UserControl x:Class="Clancy.Ui.Controls.RecordingArchive"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:design="clr-namespace:Clancy.Ui.ViewModels.Design"
             xmlns:controls="clr-namespace:Clancy.Ui.Controls"
             mc:Ignorable="d"
             d:DataContext="{d:DesignInstance design:RecordingArchiveViewModelMock, IsDesignTimeCreatable=True}"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <ListView Name="RecordingsListView" SelectionMode="Single"
                                                  ItemsSource="{Binding Recordings}"
                                                  ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                                  SelectedValue="{Binding SelectedRecordingThumbnailDisplayObject}">
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel IsItemsHost="True" />
                </ItemsPanelTemplate>
            </ListView.ItemsPanel>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <!-- Fill in how you want each item to look here -->
                    <controls:RecordingThumbnail Width="180" Height="180" Margin="3" />
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>
</UserControl>